import Vue from 'vue'
import { Button,
    Form,
    FormItem,
    Input,
    Message,
    MessageBox,
    Container,
    Header,
    Aside,
    Main,
    Menu,
    Submenu,
    MenuItem,
    breadcrumb,
    BreadcrumbItem,
    Card,
    Col,
    Row,
    Table,
    TableColumn,
    Switch,
    Tooltip,
    Pagination,
    Dialog,
    Tag,
    Tree,
    Select,
    Option,
    Cascader,
    Alert,
    Tabs,
    TabPane,
    Steps,
    Step,
    CheckboxGroup,
    Checkbox,
    Upload,

    } from 'element-ui'
// import { Form } from 'element-ui'
// import { FormItem } from 'element-ui'
// import { Input } from 'element-ui'
// //导入弹出提示组件
// import { Message } from 'element-ui'
// import { MessageBox } from 'element-ui'


//将button按钮组件注册给vue
//1导入的组件将来是在视图上以标签方式使用那么可以直接vue.use注册
Vue.use(Button)
Vue.use(Form)
Vue.use(FormItem)
Vue.use(Input)
Vue.use(Container)
Vue.use(Header)
Vue.use(Aside)
Vue.use(Main)

Vue.use(Menu)
Vue.use(Submenu)
Vue.use(MenuItem)

Vue.use(breadcrumb)
Vue.use(BreadcrumbItem)

Vue.use(Card)
Vue.use(Col)
Vue.use(Row)

Vue.use(Table)
Vue.use(TableColumn)


Vue.use(Switch)
Vue.use(Tooltip)
Vue.use(Pagination)
Vue.use(Dialog)

Vue.use(Tag)
Vue.use(Tree)

Vue.use(Select)
Vue.use(Option)
Vue.use(Cascader)
Vue.use(Alert)
Vue.use(Tabs)
Vue.use(TabPane)
Vue.use(Steps)
Vue.use(Step)
Vue.use(CheckboxGroup)
Vue.use(Checkbox)
Vue.use(Upload)



//2将要通过js来调用的组件 需要挂载到vue原型中
//将Message组件添加到vue原型中
Vue.prototype.$message = Message
Vue.prototype.$MessageBox = MessageBox
Vue.prototype.$confirm = MessageBox.confirm
